<template>
  <div class="mySet">
    <div class="headerBox">
      <van-nav-bar
        title="我的设置"
        left-arrow
        @click-left="onClickLeft"
      ></van-nav-bar>
    </div>
    <div>
      <div class="samll_box" v-for="(item, index) in setInfoList" :key="index" @click="goBack(item.link, item.num)">
        <p>{{ item.name }}</p>
        <i class="jt"></i>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      setInfoList: [
        {
          name: '修改登录密码',
          url: 'setInfo',
          link: 'amendPass'
        },
        {
          name: '修改支付密码',
          url: 'setInfo',
          link: 'payPass'
        },
        {
          name: '重置支付密码',
          url: 'setInfo',
          link: 'resetPaypass',
        },
      ],
    };
  },
  created() {},
  methods: {
    goBack(link) {
      this.$router.push({name: link})
    },
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style scoped>
.mySet {
  width: 100%;
  height: 100vh;
  background: #fff;
}
.samll_box{
  width: 100%;
  height: .96rem;
  padding: .24rem .4rem .24rem .29rem;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.samll_box img{
  width: .48rem;
  height: .48rem;
}
.samll_box p{
  width: 5.6rem;
  height: .48rem;
  line-height: .48rem;
  color: #333333;
  font-size: .29rem;
}
.samll_box .jt{
  display: inline-block;
  width: .3rem;
  height: .3rem;
  background: url('../../assets/img/user/right.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: .1rem;
}
</style>
